<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" %>
<%@ page import="com.mysql.jdbc.Driver" %>  
<%@ page import="java.sql.*" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="main.css" />
<title>东莞凯软信息科技有限公司</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="main.js"></script>
</head>
<body>
<%  
//驱动程序名  
String driverName="com.mysql.jdbc.Driver";  
//数据库用户名  
String userName="root";  
//密码  
String userPasswd="root";  
//数据库名  
String dbName="blog";  
//表名  
String tableName="blog_user";  
//联结字符串  
String url="jdbc:mysql://localhost:3306/"+dbName+"?user="+userName+"&password="+userPasswd+"&useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=GMT";  
Class.forName("com.mysql.jdbc.Driver").newInstance();  
Connection connection=DriverManager.getConnection(url);  
Statement statement = connection.createStatement();  
String sql="SELECT * FROM "+tableName;  
ResultSet rs = statement.executeQuery(sql);  
//获得数据结果集合  
ResultSetMetaData rmeta = rs.getMetaData();  
//确定数据集的列数，亦字段数  
int numColumns=rmeta.getColumnCount();  
// 输出每一个数据值  
%>
<div class="header">
	<ul class="nav">
		<li><a href="#"><%while(rs.next()) {  
			out.print(rs.getString(1)); 
		
			%>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#"><%	 
			out.print(rs.getString("a_name")); 
		 %>&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="wangye1.html"><%
						out.print(rs.getString("b_name")); 
					 %></a></li>
						<li><a href="wangye2.html"><%
						out.print(rs.getString("c_name")); 
					%></a></li>
						<li><a href="wangye3.html"><%
						out.print(rs.getString("d_name")); 
						%></a></li>
					</ul>
				</li>
				<li><a href="#"><%
						out.print(rs.getString("e_name")); 
					 %>&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="EB.html"><%
						out.print(rs.getString("f_name")); 
					 %></a></li>
						<li><a href="EB.html"><%
						out.print(rs.getString("g_name"));  %></a></li>
					</ul>
				</li>
				<li><a href="ERP.html">
				<%
						out.print(rs.getString("h_name"));  %></a></li>
                <li><a href="OA.html"><%
						out.print(rs.getString("i_name"));  %></a></li>
                <li><a href="wuliu.html"><%
						out.print(rs.getString("j_name"));  %></a></li>
                <li><a href="youxi.html"><%
						out.print(rs.getString("k_name"));  %></a></li>
			</ul>
		</li>
		<li><a href="#"><%
						out.print(rs.getString("l_name"));  %>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="wangye2.html"><%
						out.print(rs.getString("m_name"));  %></a></li>
				<li><a href="#"><%
						out.print(rs.getString("n_name"));  %></a></li>
                <li><a href="#"><%
						out.print(rs.getString("o_name"));  %></a></li>
                <li><a href="#"><%
						out.print(rs.getString("p_name"));  %></a></li>
			</ul>
		</li>
		<li><a href="#"><%
						out.print(rs.getString("q_name"));  %>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#"><%
						out.print(rs.getString("r_name"));  %></a>
					
				</li>
                <li><a href="youxi.html"><%
						out.print(rs.getString("s_name"));  %></a></li>
				<li><a href="ERP.html"><%
						out.print(rs.getString("t_name"));  %></a></li>
			</ul>
		</li>
		<li><a href="#"><%
						out.print(rs.getString("v_name"));  %>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#"><%
						out.print(rs.getString("w_name"));  %></a></li>
				<li><a href="#"><%
						out.print(rs.getString("x_name"));  %></a></li>
				<li><a href="#"><%
						out.print(rs.getString("y_name"));  %></a></li>
				
			</ul>
		</li>
		<li><a href="#"><%
						out.print(rs.getString("z_name"));   %>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#">
				<%out.print(rs.getString("aa_name")); %>
						 &nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#"><%out.print(rs.getString("bb_name")); %></a></li>
						<li><a href="#"><%out.print(rs.getString("cc_name")); %></a></li>
						<li><a href="#"><%out.print(rs.getString("dd_name")); %></a></li>
					</ul>
				</li>
				<li><a href="#"><%out.print(rs.getString("ee_name")); %></a></li>
				<li><a href="#"><%out.print(rs.getString("ff_name")); %>&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#"><%out.print(rs.getString("gg_name")); %></a></li>
						<li><a href="#"><%out.print(rs.getString("hh_name")); %></a></li>
                        <li><a href="#"><%out.print(rs.getString("ii_name")); %></a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#"><%out.print(rs.getString("jj_name")); %>&nbsp;<b>﹀</b></a>
			<ul class="second-nav">
				<li><a href="#"><%out.print(rs.getString("kk_name")); %>&nbsp;<b>></b></a>
					<ul class="third-nav">
						<li><a href="#"><%out.print(rs.getString("ll_name")); %></a></li>
						<li><a href="#"><%out.print(rs.getString("mm_name")); %></a></li>
					</ul>
				</li>
				<li><a href="#"><%out.print(rs.getString("nn_name")); %></a></li>
			</ul>
		</li>
		<li><a href="AboutUs.html"><%out.print(rs.getString("oo_name"));}
		rs.close();  
		statement.close();  
		connection.close(); %></a></li>
	</ul>
</div>

<div class="tubiao1"><a href="main.html"><img src="logo2.png"></a></div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
<!-- <div id="div2">-->
<!--  <div class="cookies"></div>-->
<!--  </div>-->
<div id="div3"><a href="#"><img src="logo6.png"></a>
<div class="xiantiao1"><b>━━━━━━━━━━━━━━━━━━━━</b></div>
<div class="xiantiao2"><b>━━━━━━━━━━━━━━━━━━━━</b></div>
<div class="button1"><a href="wangye3.html"><img src="cookie_office_01.png"></a><p>网站建设</p></div>
<div class="button2"><a href="EB.html"><img src="cookie_office_02.png"></a><p>电子商务</p></div>
<div class="button3"><a href="wuliu.html"><img src="cookie_office_03.png"></a><p>物流管理软件</p></div>
<div class="button4"><a href="youxi.html"><img src="cookie_office_04.png"></a><p>动漫游戏设计</p></div>
<div class="button5"><a href="ERP.html"><img src="cookie_office_06.png"></a><p>ERP</p></div>
</div>
<div id="div4">
<div class="lanse">
<p class="p1">特色活动</p>
<img src="original.png">
<p class="p2">东莞凯软信息科技公司</p>
<p class="p3">在传统电子政务的基础上，以"服务型政府、法治政府、效能政府建设"，</p>
<p class="p4">为指导思想，依托"以公众为中心"理念，利用物联网、3G、云计算等</p>
<p class="p5">新一代信息技术实现统一管理和服务创新，倡导服务管理和自助服务，</p>
<p class="p6">将电子政务上升到综合管理与精细化管理的阶段。</p>
<script type="text/javascript">
$(document).ready(function(){
	$(".register1").mouseover(function(){
		$(".register1").css("background-color","rgba(1,1,1,0)");
		$(".register1").css("color","#fff");
		$(".register1").css("border","2px solid #fff");
		});
	$(".register1").mouseout(function(){
		 $(".register1").css("background-color","rgba(255,255,255,1)");
		 $(".register1").css("color","#000");
		 $(".register1").css("border","2px solid #fff");
		});
	});
</script>
<script type="text/javascript">
function abc(){
	alert("下载成功！");
}
</script>
<div class="register1" onclick="location='register.html'"><p>加入我们</p></div></div>
<div class="one1"><img src="one.jpg"><p class="p11">网站设计佼佼者</p><p class="p22">网站建设功能强大精美实用</p><div class="bnt1" onclick="abc();"><p>下载报导</p></div></div>
<div class="two1"><img src="keji1.jpg"><p class="p33">领先动漫游戏行业</p><p class="p44">专业的动漫游戏设计团队打造</p><div class="bnt2" onclick="abc();"><p>下载报导</p></div></div>
<p class="p55">与东莞信息公司携手</p>
<p class="p66">经营范围包括一般经营项目：计算机信息技术研发及转让等</p>
<div class="learn1"><p class="learn2" onclick="location='AboutUs.html'">了解更多</p></div>
</div>
<div id="div5">
<div class="search1"><img src="search.jpg"></div>
<div class="search2"><input type="text" class="search-input" placeholder="Type to search" />
</div>
</div>
<div id="div6">
<ul class="ul1">跟随我们
<li><a href="http://www.facebook.com/">Facebook</a></li>
<li><a href="http://www.twitter.com/">Twitter</a></li>
<li><a href="http://www.utubechinese.com.tw/">YouTube</a></li>
<li><a href="http://www.instagram.com/">instagram</a></li>
</ul>
<ul class="ul2">语言
<li><a href="#">英语</a></li>
<li><a href="#">德语</a></li>
<li><a href="#">法语</a></li>
<li><a href="#">西班牙语</a></li>
</ul>
<ul class="ul3">客户服务
<li><a href="#">服务支持</a></li>

</ul>
<ul class="ul4">企业
<li><a href="wangye2.html">公司</a></li>
<li><a href="#">投资者</a></li>
<li><a href="#">招贤纳士</a></li>
</ul>
<ul class="ul5">站点
<li><a href="#">开发者</a></li>
<li><a href="#">Beta</a></li>
<li><a href="#">合作伙伴</a></li>
</ul>
<ul class="ul6">法律
<li><a href="#">概述</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">商标</a></li>
<li><a href="#">隐私政策</a></li>
</ul>
</div>

<!--  <div id="div7">
&copy;2018 kaisoft Limited All rights reserved.
</div>-->
<!--轮播-->
<div class="middle_right">
    <div id="lunbobox">
        <div id="toleft">
            &lt;</div>
                <div class="lunbo">
                    <span><img src="beijing10.jpg" style="z-index:6;"></span>
                    <span><img src="beijing8.jpg" style="z-index:6;"></span>
                </div>
                <div id="toright">&gt;</div>
                <ul>
                    <li></li>
                    <li></li>
                </ul>
                <!--<span></span>-->
        </div>
    </div>
<script>
///轮播
$(function() {
    //$("#toright").hide();
    //$("#toleft").hide();
    $('#toright').hover(function() {
        $("#toleft").hide();
    }, function() {
        $("#toleft").show();
    });
    $('#toleft').hover(function() {
        $("#toright").hide();
    }, function() {
        $("#toright").show();
    });
});

var t;
var index = 0;
/////自动播放
t = setInterval(play, 3000);

function play() {
    index++;
    if (index > 1) {
        index = 0;
    }
    // console.log(index)
    $("#lunbobox ul li").eq(index).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc",
        "border": ""
    });

    $(".lunbo span ").eq(index).fadeIn(1000).siblings().fadeOut(1000);
};

///点击鼠标 图片切换
$("#lunbobox ul li").click(function() {

    //添加 移除样式
    //$(this).addClass("lito").siblings().removeClass("lito"); //给当前鼠标移动到的li增加样式 且其余兄弟元素移除样式   可以在样式中 用hover 来对li 实现
    $(this).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc"
    });
    var index = $(this).index(); //获取索引 图片索引与按钮的索引是一一对应的
    // console.log(index);

    $(".lunbo span ").eq(index).fadeIn(1000).siblings().fadeOut(1000); // siblings  找到 兄弟节点(不包括自己）
});

/////////////上一张、下一张切换
$("#toleft").click(function() {
    index--;
    if (index <= 0) //判断index<0的情况为：开始点击#toright  index=0时  再点击 #toleft 为负数了 会出错
    {
        index = 1;
    }
    console.log(index);
    $("#lunbobox ul li").eq(index).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc"
    });

    $(".lunbo span").eq(index).fadeIn(1000).siblings().fadeOut(1000); // siblings  找到 兄弟节点(不包括自己）必须要写
}); // $("#imgbox a ")获取到的是一个数组集合 。所以可以用index来控制切换

$("#toright").click(function() {
    index++;
    if (index > 1) {
        index = 0;
    }
    console.log(index);
    $(this).css({
        "opacity": "0.5"
    });
    $("#lunbobox ul li").eq(index).css({
        "background": "#999",
        "border": "1px solid #ffffff"
    }).siblings().css({
        "background": "#cccccc"
    });
    $(".lunbo span").eq(index).fadeIn(1000).siblings().fadeOut(1000); // siblings  找到 兄弟节点(不包括自己）
});
$("#toleft,#toright").hover(function() {
        $(this).css({
            "color": "black"
        });
    },
    function() {
        $(this).css({
            "opacity": "0.3",
            "color": ""
        });
    });
///

///////鼠标移进  移出
$("#lunbobox ul li,.lunbo span img,#toright,#toleft ").hover(
    ////////鼠标移进
    function() {
        $('#toright,#toleft').show();
        clearInterval(t);

    },
    ///////鼠标移开
    function() {
        //$('#toright,#toleft').hide()
        //alert('aaa')
        t = setInterval(play, 3000);

        function play() {
            index++;
            if (index > 1) {
                index = 0;
            }
            $("#lunbobox ul li").eq(index).css({
                "background": "#999",
                "border": "1px solid #ffffff"
            }).siblings().css({
                "background": "#cccccc"
            });
            $(".lunbo span").eq(index).fadeIn(1000).siblings().fadeOut(1000);
        }
    });

</script>

</body>
</html>